<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../css/login.css" />
    <script src="../js/jquery.js"></script>
    <script src="../js/login.js"></script>
  </head>
  <body>
    <div id="app">
      <div class="theme">
        <img class="logo" src="../images/logo.png" alt="" />
        <div class="text">登录/注册</div>
        <a href="">适老化及无障碍</a>
      </div>
      <div class="screen-content">
        <div class="container">
          <div class="form">
            <div class="tab">
                <div class="phTab active">手机号登录/注册</div>
                <div class=pswTab">密码登录</div>
            </div>
            <div class="show1" >
                <div class="Desc">新用户验证成功即自动注册</div>
                <div class="phone">
                    <input type="text" value="86" placeholder="请输入国家区号" style="height:42px;width:88px;font-size:14px;">
                    <input type="text" placeholder="请输入手机号" style="height:42px;width:239px;margin-left:8px;font-size:14px;">
                </div>
                <div class="code">
                    <input type="text" placeholder="验证码" style="height:42px;width:277px;font-size:14px;">
                    <span class="getcode">获取验证码</span>
                </div>
                <div class="voicecode">
                    <span>获取语音验证码</span>
                </div>
                <div >
                    <input type="button" value="登录/注册" style="height:48.8px;width:392px;font-size:16px;color:#fff;line-height: 48.8px;text-align: center;margin-top: 14px;background-color:#00cad8; font-weight: 700;">

                </div>
            </div>
            <div class="show2" style="display: none;">
              <div class="username" style="margin-bottom:16px ;">
                <input id="username" style="height:42px;width:366px;font-size:14px;" placeholder="手机/邮箱/用户名" aria-label="请输入手机号/邮箱/用户名" tabindex="0" type="text" autocomplete="off" >
              </div>
              <div class="password">
                <input id="password" style="height:42px;width:366px;font-size:14px;" type="password" placeholder="密码" aria-label="请输入密码" tabindex="0" autocomplete="off" >
              </div>
              <div class="voicecode">
                  <span>忘记密码？</span>
              </div>
              <div >
                  <input type="button" value="登录" style="height:48.8px;width:392px;font-size:16px;color:#fff;line-height: 48.8px;text-align: center;margin-top: 14px;background-color:#00cad8; font-weight: 700;">

              </div>
          </div>
            <div class="check">
                <input type="checkbox" style="vertical-align:middle ; float:left">
                <div><span>已阅读并同意</span><span>《去哪儿用户服务协议》</span><span>、</span><span>《隐私政策》</span></div>
            </div>
            <div class="otherLogin">
                <span>其他方式登录</span>
            </div>
          </div>
          <div class="QR">
            <div class="qrtitle" style="font-weight: 600;">手机扫码安全登录</div>
            <img  src="../images/qr.png" alt="">
            <div class="qrdesc">去哪儿手机客户端/微信 扫一扫</div>
          </div>
        </div>
       </div>
      <div class="l-footer">
        <div class="qn_footer " style="margin-top:184px;" >
          <div class="cr" >
            
           <p class="copyright" >
            <span>Copyright ©2021 Qunar.com</span>
            <a href="http://www.beian.gov.cn/portal/recordQuery?token=9851cd51-44d0-4a7d-9b37-c5c74a9236da" target="_blank" rel="nofollow" >京公网安备11010802030542</a>
            <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow" >京ICP备05021087号</a>
            <a href="http://www.qunar.com/site/company_icp.htm" target="_blank" rel="nofollow" >京ICP证060856号</a>
            <a href="http://www.qunar.com/site/company_info.htm" target="_blank" rel="nofollow" >营业执照信息</a>
            <a href="http://www.qunar.com/site/company_drug_info.htm" target="_blank" rel="nofollow">(京)-非经营性-2016-0110</a>
            <span >去哪儿网客服电话95117</span></p>
            <p class="copyright" >
              <span >违法和不良信息举报电话：010-59606977</span>
              <span>违法和不良信息举报邮箱：tousu@qunar.com</span>
            </p>
           </div>
            </div>
          </div>
          <div class="img">
            <ul >
              <li >
                <a href="//cn.globalsign.com/" target="_blank" rel="nofollow" >
                  <img src="//s.qunarzz.com/hf/approve/globalsign.gif" height="30" >
                </a>
              </li>
              <li class="f_icon_pci" >
                <a href="http://www.atsec.cn/cn/pci-attestation/Qunar-PCIAttestation-atsec-PCI-DSS-C-65221.jpg" target="_blank" rel="nofollow" title="去哪儿网通过PCI认证" >
                </a>
              </li>
              <li class="f_icon_jubaocenter" >
                <a href="http://www.12377.cn/" target="_blank" rel="nofollow" title="违法和不良信息举报中心" >
                </a>
              </li>
              <li class="f_icon_cntrust">
                <a href="https://www.creditchina.gov.cn/" target="_blank" rel="nofollow" title="信用中国" >
                </a>
              </li>
            </ul>
          </div>
           
        </div>
    </div>
</div>
  </body>
</html>
<!-- <div class="links" >
  <div >
    <a href="http://www.qunar.com/site/zh/Qunar.in.China_1.2.shtml" target="_blank" rel="nofollow">关于Qunar.com</a><i></i><div><div><span> </span><a href="http://www.qunar.com/site/zh/ContactUs_3.shtml" target="_blank" rel="nofollow" >联系我们</a><span >  </span><a href="http://www.qunar.com/site/zh/Rules.shtml" target="_blank" rel="nofollow" >用户协议</a><span > </span><a href="http://www.qunar.com/site/zh/Question_7.shtml" target="_blank" rel="nofollow">常见问题</a><a href="http://www.qunar.com/site/zh/Links_8.shtml" target="_blank" rel="nofollow" data-reactid=".0.2.0.0.0.0.2.0.6">友情链接</a></div></div></div><span data-reactid=".0.2.0.0.0.1">|</span><a href="http://www.qunar.com/site/zh/Cooperate_4.shtml" target="_blank" rel="nofollow" data-reactid=".0.2.0.0.0.2">业务合作</a><span data-reactid=".0.2.0.0.0.3">|</span><a href="//app.mokahr.com/apply/qunar/4206" target="_blank" rel="nofollow" data-reactid=".0.2.0.0.0.4">加入我们</a><span data-reactid=".0.2.0.0.0.5">|</span><a href="http://help.qunar.com/complaint.html" class="" target="_blank" rel="nofollow" >"严重违规失信"专项整治举报</a><span data-reactid=".0.2.0.0.0.7">|</span><a href="http://security.qunar.com" target="_blank" rel="nofollow" data-reactid=".0.2.0.0.0.8">安全中心</a><span data-reactid=".0.2.0.0.0.9">|</span><a href="http://www.qunar.com/commonweal/index.html" rel="nofollow" target="_blank" data-reactid=".0.2.0.0.0.a">星骆驼公益</a><span data-reactid=".0.2.0.0.0.b">|</span><a href="http://www.qunar.com/site/en/Qunar.in.China_1.1.shtml" target="_blank" rel="nofollow" data-reactid=".0.2.0.0.0.c">About Us</a></div> -->


